<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>线索举报</title>
    <link rel="stylesheet" href="css/frozen.css">
    <link rel="stylesheet" type="text/css" href="css/main.css"/>
    <style type="text/css">
        body {
            font-size: 62.5%;
            /*font-size: 1rem;*/
        }
        .ui-form-item label{
            font-size:1.1rem;
        }
        .content{
            position: relative;
            font-size: 16px;
            padding-right: 15px;
            padding-left: 15px;
            height: 100%;
        }
        .ui-grid-halve-img span a {
            display: block;
            width: 100%;
            height: 100%;
            cursor: pointer;
        }

        textarea {
            resize: none;
        }
    </style>
</head>
<body class="body_bg" ontouchstart>
<header class="ui-header ui-header-positive ui-border-b">
    <i class="ui-icon-return" onclick="history.back()"></i>
    <h1>线索举报</h1>
    <div class="admin_ico"></div>
</header>
<section class="ui-container">
    <div class="ui-form-item ui-form-item-show ui-border-b bg_fff">
        <label for="#">线索主题：</label>
        <input type="password" placeholder="">
    </div>
    <div class="ui-form-item ui-form-item-textarea ui-border-b bg_fff content">
        <label for="#" style="color: #666;">线索内容：</label>
        <textarea placeholder="请填写的信息在100字以内" rows="6"></textarea>
    </div>
    <div class="ui-form-item ui-form-item-show ui-border-b bg_fff">
        <label for="#">匿名发布：</label>
        <label class="ui-switch" style="left: 108px;">
            <input type="checkbox" checked="checked">
        </label>
    </div>
    <ul class="ui-grid-halve bg_fff ui-border-b">
        <li>
            <div class="ui-grid-halve-img">
                <span style="background-image:url(images/no_img2.png)"></span>
            </div>
        </li>
        <li>
            <div class="ui-grid-halve-img">
            <span style="background-image:url(images/photo_update.png)">
            	<a href="#"></a>
            </span>
            </div>
        </li>
    </ul>
    <ul class="ui-grid-halve bg_fff ui-border-b">
        <li>
            <div class="ui-grid-halve-img">
                <span style="background-image:url(images/no_img2.png)"></span>
            </div>
        </li>

        <li>
            <div class="ui-grid-halve-img">
            <span style="background-image:url(images/vedio.png)">
            	<a href="#"></a>
            </span>
            </div>
        </li>
    </ul>

    <div class="ui-btn-wrap">
        <button id="btn-submit" class="ui-btn-lg ui-btn-primary">发布</button>
    </div>
    </form>

    </div>
</section>
<script src="js/zepto.min.js"></script>
<script src="js/frozen.js"></script>
<script type="text/javascript">
    $("#btn-submit").tap(function(){
        console.log("----");


    });

</script>
</body>

</html>